<template>
  <div class="amount-container">
      <div class="item">
          <div class="title">总投资金额</div>
          <div class="amount">￥100万</div>
      </div>
      <div class="item">
          <div class="title">投资项目数</div>
          <div class="amount">0</div>
      </div>
      <div class="item">
          <div class="title">预计总收益</div>
          <div class="amount">￥100元</div>
      </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.amount-container {
  background: #dab374;
  min-height: 130px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  .item{
      color:#fff;
      .title{
          font-size: 16px;
      }
      .amount{
          font-size: 14px;
          margin-top: 20px;
          text-align: center;
      }
  }
}
</style>